body,html {
    width: 100%;
    height: 100%;
}

.banner {
    width: 100%;
    /* 最大宽度 */
    max-width: 640px;
    /* 最小宽度 */
    min-width: 320px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    .bannerImg{
        width: 1000%;
        position: relative;
        >li {
            width: 10%;
            float: left;
            img{
                width: 100%;
                display: block;
            }
        }
    }
    .bannerIndicator{
        width: 128px;
        height: 10px;
        position: absolute;
        left: 50%;
        bottom: 5px;
        transform: translateX(-50%);
        > li {
            width: 6px;
            height: 6px;
            border-radius: 3px;
            border: 1px solid #fff;
            float: left;
            margin-left: 10px;
            &:first-of-type{
                margin-left: 0;
            }
            &.active {
                background-color: #fff;
            }
        }
    }
}